<!--
/**
 * 菜单 列表页 JS 脚本
 * @author 李方捷 , leefangjie@qq.com
 * @since 2021-06-08 10:22:55
 */
 -->
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8"/>
    <title th:text="${lang.translate('菜单')}">菜单</title>
    <link th:if(theme.ico!="null") rel="shortcut icon" th:href="${theme.ico}" type="image/vnd.microsoft.icon">
    <link th:if(theme.ico!="null") rel="icon" th:href="theme.ico" type="image/vnd.microsoft.icon">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="/assets/css/admin.css"/>
    <link rel="stylesheet" href="/assets/libs/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <link rel="stylesheet" href="/assets/libs/toast/css/toast.css" type="text/css">

	<link th:each="css:${theme.css}" rel="stylesheet" th:href="${css}+'?'+${cacheKey}">
</head>

<body style="overflow: hidden">


<div class="layui-row">
    <div class="layui-col-md3" style="background-color: #ffffff;border-right:1px #e6e6e6 solid;">
        <div class="layui-form toolbar" style="padding:4px;" id="toolbar">
            <table style="width: 100%">
                <tr>
                    <td>
                        <input id="search-input" class="layui-input search-input" type="text"
                               th:placeholder="${lang.translate('请输入关键字')}" style="width: 97%"/>
                    </td>
                    <td style="width: 54px;align-content: center">
                        <button id="btn-add" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i><span
                                th:text="${lang.translate('添加')}">添加</span></button>
                    </td>
                </tr>
            </table>
        </div>
        <div id="tree-container" style="overflow:auto;height:800px;border-bottom:1px #e6e6e6 none;">
            <ul id="menu-tree" class="ztree"></ul>
        </div>
    </div>

    <div class="layui-col-md9" style="padding-left: 0px;border-left:1px #e6e6e6 none;">
<!--        <div class="layui-tab" lay-filter="sourceTab">-->
<!--            <ul class="layui-tab-title">-->
<!--                <li id="org-li" lay-id="org-li" class="layui-this">编辑菜单</li>-->
<!--            </ul>-->
<!--            <div class="layui-tab-content " style="">-->
                <div class="layui-tab-item layui-show">
                    <iframe id="form-view" src="/business/oauth/menu/menu_form.html" frameborder=0 width="100%"
                            height="800px"></iframe>
                </div>
<!--            </div>-->
        </div>

    </div>


    <script type="text/javascript" src="/module/global.js"></script>
    <script type="text/javascript" src="/assets/libs/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="/assets/libs/toast/js/toast.js"></script>
    <script type="text/javascript" src="/assets/libs/pandyle.min.js"></script>
    <script type="text/javascript" src="/assets/libs/layui/layui.js"></script>
    <script type="text/javascript" src="/assets/libs/zTree/js/jquery.ztree.all-3.5.min.js"></script>

    <script src="/business/oauth/menu/menu_list.js"></script>

</body>
</html>
